<!doctype html>
<html class="no-js" lang="fr">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>代理中心</title>
    <meta name="description" content="Xolio - Creative Agency Template">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->
    <link rel="stylesheet" href="__TMPL__/public/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/animate.min.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/magnific-popup.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/odometer.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/slick.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/default.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/style.css">
    <link rel="stylesheet" href="__TMPL__/public/static/css/responsive.css">


    <style>
        .cont_box{
            width: 100%;
            border-radius: 8px;
            background-color:#f8fafb;
            padding:10px 15px;
        }
        .cont_box .msg_list{
            width: 100%;
            display: flex;
            justify-content: space-between;
        }
        .msg_list .left_box{
            display: flex;
        }
        .msg_list .trip{
            font-size: 16px;
            line-height: 40px;
            color: #00989b;
            font-weight:600;
            margin-right: 20px;
        }
        .msg_list .text{
            font-size: 16px;
            line-height: 40px;
            color: #424242;
            font-weight:600;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .msg_list .right_box{
            display: flex;
            justify-content: flex-end;
            font-size: 16px;
            line-height: 40px;
            color: #999999;
        }
        .msg_list .right_box img{
            width: 16px;
            height: 16px;
            margin-top: 10px;
            margin-right: 5px;
        }


        .title{
            font-size: 24px;
            line-height: 50rpx;
            margin:20px 0;
            color: #000;
        }

        .finance_left_box{

        }

        .finance_left_box .F-tit{
            font-size: 16px;
            line-height: 40px;
            font-weight: 600;
            color: #999999;
        }
        .finance_left_box .text{
            font-size: 20px;
            line-height: 50px;
            color: #00989b;
            font-weight:600;
        }

        .finance_left_box .text_cont{
            display: flex;
            justify-content: flex-start;
        }
        .finance_left_box .text_cont img{
            width: 60px;
            height: 40px;
            object-fit: cover;
            background-color: #f0f0f0;
            margin-right: 8px;
        }

        .finance_right_box{
            display: flex;
            justify-content: flex-end;
        }

        .finance_right_box .fina_btn{
            font-size: 16px;
            line-height: 40px;
            font-weight: 600;
            color: #999999;
            height: 40px;
            padding:0 35px;
            background: linear-gradient(to right, #f5fca3, #63cbc0);
            color: #00989b;
            text-align: center;
            display: block;
            margin-left: 20px;
            border-radius: 8px;
            border: none;
        }


        .info_box{
            width: 80%;
            display: flex;
            margin-bottom: 25px;
        }

        .info_box .F-tit{
            font-size: 16px;
            line-height: 40px;
            font-weight: 600;
            color: #999999;
            width: 160px;
            margin-right: 20px;
        }
        .info_box .F-tit span{
            color: #f00;
            margin-left: 5px;
        }

        .info_box .text_cont{
            display: flex;
            justify-content: flex-start;
        }
        .info_box .text_cont img{
            width: 30px;
            height: 30px;
            margin-right: 12px;
            display: block;
        }

        .info_box input{
            width: 100%;
            border: 1px solid #e3e3e3;
            backdrop-filter: blur(21px);
            background: transparent;
            border-radius: 15px;
            letter-spacing: 0.0833333px;
            color: #AAAAAA;
            font-size: 16px;
            padding: 22px 30px 22px 25px;
            height: 50px;
            display: block;
        }

        .info_box .file_box{
            width: 150px;
            height: 80px;
            margin-left: -20px;
            opacity: 0;
        }
        .info_box .file_icon{
            width: 60px;
            height: 60px;
            margin-left: -160px;
            cursor: pointer;
        }
        .info_box h4{
            font-size: 16px;
            line-height: 60px;
            margin-left: 10px;
            color: #06b4fd;
            font-weight: 500;
            cursor: pointer;
        }

        .btn{
            width: 200px;
            height: 50px;
            line-height: 50px;
            color: #00989b;
            font-size: 16px;
            background: linear-gradient(to right, #f5fca3, #63cbc0);
            line-height: 50px;
            text-align: center;
            border-radius: 8px;
            padding:0;
            margin-bottom: 20px;
            margin-top: -15px;
        }


        .modal-footer .btn{
            margin-top: 2px;
            width: 100px;
            margin-bottom: 0;
        }

    </style>
</head>
<body>

<include file="public@nav"/>


<!-- main-area -->
<main>

    <!-- blog-details-area -->
    <section class="blog-details-area pt-120 pb-40">
        <div class="container">
            <div class="row justify-content-center">
                <div class="cont_box">

                    <foreach name="category" item="vo">

                        <div class="msg_list">
                            <div class="left_box">
                                <div class="trip">重要通知</div>
                                <p class="text">{$vo.post_title}</p>
                            </div>
                            <div class="right_box">
                                <img src="__TMPL__/public/static/image/clock.png" width="16" height="16">
                                {:date('Y-m-d',$vo.published_time)}
                            </div>
                        </div>

                    </foreach>

                </div>


                <div class="title">财务管理</div>
                <div class="cont_box">
                    <div class="msg_list">
                        <div class="finance_left_box">
                            <div class="F-tit">余额（USDT）</div>
                            <p class="text">{$balance}</p>

                            <div class="F-tit">名下合作平台</div>
                            <div class="text_cont">
                                <foreach name="list" item="vo">
                                    <a href="/portal/article/info.html?id={$vo.id}" class="fina_btn">
                                        <img src="{:cmf_get_image_url($vo.thumbnail)}">
                                    </a>
                                </foreach>
                            </div>
                        </div>
                        <div class="finance_right_box">
                            <a href="/portal/agency/agencyInfo.html?id={$id}" class="fina_btn">明细</a>
                            <!-- <a href="#">提现</a> -->
                            <!-- <a href="#">内转</a> -->
                            <button class="fina_btn" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-whatever="@fat" >提现</button>
                            <button class="fina_btn" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal2" data-bs-whatever="@fat" >内转</button>
                        </div>
                    </div>
                </div>

                <div class="title">个人信息</div>
                <div class="cont_box" style="padding-top: 10px;">
                    <form  action="{:url('addPost')}" method="post"  enctype="multipart/form-data" class="form-horizontal js-ajax-form margin-top-20">
                        <div class="info_box">
                            <div class="F-tit">提现方式</div>
                            <div class="text_cont">
                                <img src="__TMPL__/public/static/image/about_icon1.png">
                                <img src="__TMPL__/public/static/image/about_icon2.png">
                                <img src="__TMPL__/public/static/image/about_icon3.png">
                            </div>
                        </div>

                        <div class="info_box">
                            <div class="F-tit">邮箱<span>*</span></div>
                            <input type="text" id="email" name="user_email" value="{$user_email}" placeholder="请输入您的电子邮箱" />
                        </div>

                        <div class="info_box">
                            <div class="F-tit">微信<span>*</span></div>
                            <input type="text" id="weixin" name="user_wechat" value="{$user_wechat}" placeholder="请输入您的微信" />
                        </div>

                        <div class="info_box">
                            <div class="F-tit">QQ</div>
                            <input type="text" id="qq" value="{$user_qq}" name="user_qq" placeholder="请输入您的QQ" />
                        </div>

                        <div class="info_box">

                            <div class="F-tit">上传收款二维码</div>
                            <input class="file_box" type="file" id="file" name="file"  />
                            <if condition="empty($code_icon)">
                                <img src="__TMPL__/public/static/image/code_icon.png" class="file_icon"  />
                                <else />
                                <img src="__ROOT__/upload/{$code_icon}" class="file_icon" width="128"/>
                            </if>
                            <h4>上传</h4>
                        </div>

                        <button class="btn" type="submit">保存</button>

                    </form>

                </div>
            </div>
    </section>
    <!-- blog-details-area-end -->



</main>
<!-- main-area-end -->

<!-- 弹窗 -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel">申请提现</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form>
                    <div class="mb-3">
                        <label for="recipient-name" class="col-form-label">金额:</label>
                        <input type="text" class="form-control" id="recipient-name">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="btn1">确定</button>
            </div>
        </div>
    </div>
</div>


<!-- 弹窗 -->
<div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel2">申请内转</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form>
                    <div class="mb-3">
                        <label for="recipient-name" class="col-form-label">金额:</label>
                        <input type="text" class="form-control" id="recipient-name2">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="btn2">确定</button>
            </div>
        </div>
    </div>
</div>



<!-- 页尾 -->
<footer>
    <div class="footer-area">
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-sm-6">
                        <div class="footer-widget">
                            <div class="logo">
                                <a href=""
                                ><img src="__TMPL__/public/static/picture/w_logo.png" alt=""
                                /></a>
                            </div>
                            <div class="footer-contact">
                                <span>九鼎返佣网</span>
                                <span>你外汇交易的贴身管家</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-8">
                        <div class="footer-widget">
                            <div class="fw-link">
                                <ul class="list-wrap">
                                    <li><a href="">联系电话</a>  <span>0531-1234567</span></li>
                                    <li><a href="">邮   件</a>  <span>asdfghhjl</span></li>
                                    <li><a href="">工作时间</a>  <span>周一至周日9:00-22:00</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4">
                        <div class="footer-widget">
                            <div class="fw-link">
                                <ul class="list-wrap">
                                    <li><a href="">链接</a></li>
                                    <li><a href="">推荐平台</a></li>
                                    <li><a href="">关于我们</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="footer-widget">
                            <div class="footer-about">
                                <ul class="list_img">
                                    <li>
                                        <img src="__TMPL__/public/static/image/code.png" alt="" /><a
                                            href="../../../index.php"
                                    >扫码加QQ群</a
                                    >
                                    </li>
                                    <li>
                                        <img src="__TMPL__/public/static/image/code.png" alt="" /><a
                                            href="../../../index.php"
                                    >扫码加QQ群</a
                                    >
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-12">
                        <div class="copyright-text text-end">
                            <p>
                                Copyright &copy; 2023.Company name All rights reserved
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- 页尾 -->



<!-- JS here -->
<script src="__TMPL__/public/static/js/jquery-3.6.0.min.js"></script>
<script src="__TMPL__/public/static/js/bootstrap.min.js"></script>
<script src="__TMPL__/public/static/js/isotope.pkgd.min.js"></script>
<script src="__TMPL__/public/static/js/imagesloaded.pkgd.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.magnific-popup.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.odometer.min.js"></script>
<script src="__TMPL__/public/static/js/swiper-bundle.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.appear.js"></script>
<script src="__TMPL__/public/static/js/slick.min.js"></script>
<script src="__TMPL__/public/static/js/ajax-form.js"></script>
<script src="__TMPL__/public/static/js/parallax.min.js"></script>
<script src="__TMPL__/public/static/js/jquery.parallaxScroll.min.js"></script>
<script src="__TMPL__/public/static/js/tween-max.js"></script>
<script src="__TMPL__/public/static/js/wow.min.js"></script>
<script src="__TMPL__/public/static/js/main.js"></script>


<script>

    $(function(){
        $("#btn1").click(function(){
            console.log(123)
            var recipient = $('#recipient-name').val();
            if (recipient <= 0){
                alert('请输入金额')
                return false
            }
            $.ajax({
                url: 'sendMoney', type: "post", dataType: "json", data: {money: recipient,type:2}, success: function (data) {
                    console.log(data)
                    if (data.code != 1) {

                       alert(data.msg)

                    } else {
                        alert(data.msg)

                        setTimeout(function() {
                            location.reload()
                        }, 2000);
                    }
                }
            });
        });

        $("#btn2").click(function(){
            console.log(123)
            var recipient = $('#recipient-name2').val();
            if (recipient <= 0){
                alert('请输入金额')
                return false
            }
            $.ajax({
                url: 'sendMoney', type: "post", dataType: "json", data: {money: recipient,type:3}, success: function (data) {
                    console.log(data)
                    if (data.code != 1) {

                        alert(data.msg)

                    } else {
                        alert(data.msg)

                        setTimeout(function() {
                            location.reload()
                        }, 1000);
                    }
                }
            });
        })

    })


</script>
</body>
</html>
